<%--
  Created by IntelliJ IDEA.
  User: lkl
  Date: 2024/7/4
  Time: 11:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/123.png">
    <link rel="icon" type="image/png" href="./assets/img/123.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>NEFU CCEC SE</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,700"
          rel="stylesheet">

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
          integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

    <!-- Main CSS -->
    <link href="assets/css/main.css" rel="stylesheet"/>

    <!-- Docs CSS -->
    <link href="assets/css/vendor/bootstrap-toc.css" rel="stylesheet"/>
    <link href="assets/css/vendor/prism.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/job.css">
</head>

<body>


<!----------------------------------------------------------------------
End fixed sidebar
------------------------------------------------------------------------>



<!----------------------------------------------------------------------
End fixed sidebar
------------------------------------------------------------------------>




<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
<nav class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top nav">
    <a class="navbar-brand d-lg-none" href="index.html"><i
            class="fas fa-anchor mr-2"></i><strong>Mundana</strong></a>
    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
            aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="navbar-collapse collapse" id="navbarColor02">
        <ul class="navbar-nav mr-auto d-flex align-items-center">
            <li class="nav-item highlight">
                <a class="nav-link" href="job">&larr; 回到就业指南</a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto d-flex align-items-center">
            <li class="nav-item highlight">
                <c:set var="nextJobLink" value="${job.jid>=5 ? (1) : (job.jid + 1)}" />
                <a class="nav-link" target="_blank"
                   href="getjob1?jid=${nextJobLink}">阅读下一篇 &rarr;</a>
            </li>
        </ul>
    </div>
</nav>
<!-- End Navbar -->

<!-------------------------------------
HEADER
--------------------------------------->
<div class="jumbotron jumbotron-fluid mb-3 pb-0 bg-white position-relative t">
    <div class="container h-90 tofront">
        <div class="row align-items-center justify-content-center text-center">
            <div class="col-md-10">
                <h1 class="display-3 text-dark">${job.title}</h1>

            </div>
        </div>
    </div>
</div>
<!--- END HEADER -->

<!-- DOCS CONTENT -->

<div class="container pt-5 pb-5 mb-5">
    <div class="row justify-content-center">
        <div class="col-lg-11">
            <div id="docsarea" class="font-weight-normal">

                <div id="vsb_content" class="sub_about">
                    <div class="v_news_content">

                        <p class="align-self-left" style="text-indent: 2em;">
                            ${job.content}</p>
                        <!--                        <p style="text-indent: 0em; text-align: center;"><br></p>-->
                        <!--                        <div class="container text-center">-->
                        <!--                            <div class="d-flex">-->
                        <!--                                <div class="col">-->
                        <!--                                    <img src="../assets/img/job/01/img.png" class="shadow-lg">-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->

                        <!--                        <div class="container text-center">-->
                        <!--                            <div class="d-flex">-->
                        <!--                                <div class="col">-->
                        <!--                                    <img src="../assets/img/job/01/img_1.png" class="shadow-lg">-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                        <br>-->
                        <!--                        <p></p>-->

                        <!--                        <p><br></p>-->
                        <!--                        <div class="container text-center">-->
                        <!--                            <div class="d-flex">-->
                        <!--                                <div class="col">-->
                        <!--                                    <img src="../assets/img/job/01/img_2.png" class="shadow-lg">-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                    </div>
                    <div class="container text-center" style="margin-top: 30px;">
                        <div class="d-flex">
                            <div class="col">
                                <img src="${job.imageurl}" alt="暂无图片" class="shadow-lg">
                            </div>
                        </div>
                    </div>
                </div>
            </div>       <!-- End DOCS -->
        </div>
    </div>
</div>
<!--- end main -->
<div class="footer border-top">
    <div class="wrapper">
        <!--		服务-->
        <div class="service">
            服务于NEFU CCEC SE
        </div>
    </div>
    <!--		版权-->
    <div class="copyright">
        版权所有 2024 东北林业大学计算机与控制工程学院软件工程专业
    </div>
    <div class="maker">
        Copyright &copy; Li KunLong
    </div>
</div>


<!--------------------------------------
JAVASCRIPTS
--------------------------------------->
<script src="assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/vendor/popper.min.js" type="text/javascript"></script>
<script src="assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/functions.js" type="text/javascript"></script>

<!-- Docs -->
<script src="assets/js/vendor/prism.js" type="text/javascript"></script>
<script src="assets/js/vendor/bootstrap-toc.js" type="text/javascript"></script>
<script>
    $(function () {
        new ClipboardJS('.btn');
        var navSelector = '#toc';
        var $myNav = $(navSelector);
        Toc.init({
            $nav: $('#toc'),
            $scope: $('#docsarea')
        });
        $('body').scrollspy({
            target: navSelector
        });
    });
</script>


<!-- Tooltips -->
<script> $(function () {
    $('[data-toggle="tooltip"]').tooltip()
}) </script>

<!-- Popovers -->
<script>
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
    $('.popover-dismiss').popover({
        trigger: 'focus'
    })
</script>
<%--<h1>${job.title}</h1>--%>
<%--<p>${job.dateTime}</p>--%>
<%--<p>${job.content}</p>--%>
</body>
</html>


</body>
</html>
